<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.box {
			width: 500px;
			height: 400px;
			text-align: center;
			margin: 30px auto;
		}
		img{
			
			background-color: orangered;
		}
		.box p{
			width: 500px;
			height: 60px;
			font-size: 30px;
			margin-top: 30px;
		}
		.box input{
			width: 350px;
			height: 50px;
			margin-bottom: 15px;
		}
		button{
			width: 355px;
			height: 70px;
			background-color: orangered;
			border: none;
		}
	</style>
</head>
<body>
	<div class="box">
		<img src="./images/mi-logo.png"/>
		<p>小米账号登录</p>
		<input type="text" value="" placeholder="邮箱/手机/小米ID"/>
		<input type="text" value="" placeholder="请输入密码"/>
		<button type="submit">登录</button>
	</div>
</body>
</html>